<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link rel="stylesheet" href="source/css/base.css">
    <link rel="stylesheet" href="source/css/style.css">
</head>
<body>
    <section class="main-container">
        <div class="headertop"> 
            <figure class="centerbg" style="height: 40vh;">
                <div class="focusinfo">
                    <h1 class="title" data-text="分类名称">
                        分类名称
                    </h1>
                </div>
            </figure>  
        </div>
        <!--  -->
        <div class="container">
            <h1 class="main-title">
                <svg aria-hidden="true" ><use xlink:href="#icon-leaf"></use></svg>
                Discovery
            </h1>
            <div class="posts mt-4 pagination-container">
                <div class="posts-list">
                    <div class="post">
                        <div class="post-time-img">
                            <div class="post-date">
                                01
                                <span>2021年06月</span>
                            </div>
                            <div class="post-preview">
                            </div>
                        </div>
                        <div class="post-content has-category ">
                                <div class="post-meta">
                                        <span class="post-categories">
                                          <i class="fas fa-folder-open"></i>技术学习 
                                        </span>
                                </div>
                            <h2>
                                <a href="https://www.wsolo.xyz/archives/nginxan-zhuang-jiao-ben" rel="bookmark">
                                    Nginx 安装脚本
                                </a>
                            </h2>
                            <p>tar xf ./nginx-1.16.1.tar.gz -C /opt/cd /opt/nginx-1.16.1sed -i '49s/Server: nginx/Bai/' /opt/nginx-1.16.1/src/http/ngx_http_header_filter_module.c se</p>
                            <a class="post-more-link" href="https://www.wsolo.xyz/archives/nginxan-zhuang-jiao-ben">
                                <span class="text">查看全文</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>



        <!--  -->
        <header class="header">
            <div class="navLink">
                <a href="#" class="active">
                    <svg aria-hidden="true" ><use xlink:href="#icon-home"></use></svg>
                    <span class="name">首页</span>
                </a>
                <a href="#">
                    <svg aria-hidden="true" ><use xlink:href="#icon-home"></use></svg>
                    <span class="name">首页</span>
                </a>
                <a href="#">
                    <svg aria-hidden="true" ><use xlink:href="#icon-home"></use></svg>
                    <span class="name">首页</span>
                </a>
            </div>
        </header>
        <div class="moveNav">
            <span class="icon">
                <svg aria-hidden="true" >
                    <use xlink:href="#icon-gengduo"></use>
                </svg>
            </span>
            <span class="title">wsolo</span>
        </div>
        <div class="sliderCon">
            <span class="icon">
                <svg aria-hidden="true" >
                    <use xlink:href="#icon-guanbi1"></use>
                </svg>
            </span>
            <div class="sliderLeft">
                <!--  -->
                <div class="head"></div>
                <div class="subTitle">这是一段描述文字</div>
                <div class="mobileApp">
                    <svg aria-hidden="true" ><use xlink:href="#icon-github"></use></svg>
                    <svg aria-hidden="true" ><use xlink:href="#icon-zhihu-circle-fill"></use></svg>
                    <svg aria-hidden="true" ><use xlink:href="#icon-QQ"></use></svg>
                    <svg aria-hidden="true" ><use xlink:href="#icon-weixin"></use></svg>
                    
                </div>
                <div class="search">
                    <input type="text" placeholder="请输入搜索...">
                </div>
                <div class="navLink">
                    <a href="#">
                        <svg aria-hidden="true" ><use xlink:href="#icon-home"></use></svg>
                        <span class="name">首页</span>
                    </a>
                    <a href="#">
                        <svg aria-hidden="true" ><use xlink:href="#icon-home"></use></svg>
                        <span class="name">首页</span>
                    </a>
                    <a href="#">
                        <svg aria-hidden="true" ><use xlink:href="#icon-home"></use></svg>
                        <span class="name">首页</span>
                    </a>
                </div>
            </div>
           
        </div>
    </section>
    <script src="source/plugins/jquery.min.js"></script>
    <script src="https://at.alicdn.com/t/font_2602997_cqghrcak2mo.js?spm=a313x.7781069.1998910419.77&file=font_2602997_cqghrcak2mo.js"></script>
    <script src="source/js/index.js"></script>
</body>
</html>